<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>乔安科技</title>
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"
    />
    <meta http-equiv="Cache-Control" content="max-age=0" />
    <meta name="apple-touch-fullscreen" content="yes" />
    <meta name="Description" content="乔安科技" />
    <meta name="Keywords" content="乔安科技" />
    <meta name="x5-orientation" content="portrait" />
    <meta http-equiv="Access-Control-Allow-Origin" content="*" />
    <meta
      name="viewport"
      content="width=device-width,initial-scale=1.0,viewport-fit=cover,user-scalable=no"
    />

    <link rel="stylesheet" href="./css/newVideo.css" />
    <link rel="stylesheet" href="./css/indexM.css" />
    <script src="./js/vue.js"></script>
    <!-- 引入vant样式文件和js文件 -->
    <link rel="stylesheet" href="./css/element.css" />
    <script src="./js/element.js"></script>

    <script src="./js/data.js"></script>
    <script src="./js/methods.js"></script>

    </style>
  </head>

  <body>
    <div id="app">
      <div class="main">
		<el-carousel :interval="4000" type="card" style="height:100%;" arrow="never">
			<el-carousel-item v-for="(item,i) in 12" :key="item">
				<div :class="'colorLump'+ (i+1)">
					<!-- <p>
						{{i==0?"多色动态渐变":(i==1?"多彩糖果渐变":(i==2?"热带夏日渐变":
						(i==3?"雪山冰川渐变":(i==4?"金属质感渐变":(i==5?"神秘暗夜渐变":
						(i==6?"星空夜幕渐变":(i==7?"自然绿意渐变":(i==8?"神秘紫蓝渐变":
						(i==9?"天空蓝渐变":(i==10?"少女心粉红色":(i==11?"温暖阳光渐变":"")))))))))))}}
					</p> -->
				</div>
			</el-carousel-item>
		  </el-carousel>
	  </div>
    </div>

    <script type="text/javascript">
      //   "use strict";
      let app = new Vue({
        el: "#app",
        data: {
          ...datas,
        },
        methods: {
          ...methods,
        },
        created: function () {
          this.init_product();
        },
      });
    </script>
  </body>
</html>
